<template>
  <div class="container">
    <type-message v-if="this.$store.state.lotteryType != 'pk10'"></type-message>
    <type-message-bj v-if="this.$store.state.lotteryType == 'pk10'"></type-message-bj>
    <!-- 彩种走势图、 多选框和表格区域-->
    <zstb-bottom-table v-if="changeLotteryTypeVar == 'ssc'"></zstb-bottom-table>
    <zstb-bottom-table-g-d v-if="changeLotteryTypeVar == 'l11x5'"></zstb-bottom-table-g-d>
    <zstb-bottom-table-f-c v-if="changeLotteryTypeVar == 'l3d'"></zstb-bottom-table-f-c>
    <zstb-bottom-table-b-j v-if="changeLotteryTypeVar == 'pk10'"></zstb-bottom-table-b-j>
    <zstb-bottom-table-p-c v-if="changeLotteryTypeVar == 'l28'"></zstb-bottom-table-p-c>
    <zstb-bottom-table-j-s v-if="changeLotteryTypeVar == 'k3'"></zstb-bottom-table-j-s>

  </div>

</template>

<script>
import TypeMessage from "./components/TypeMessage";
import TypeMessageBj from "../bj10/TypeMessageBj";

import zstbBottomTable from "./components/zstbBottomTable" //时时彩 彩种走势图、多选框和底部表格
import zstbBottomTableGD from "../11x5/zstbBottomTableGD"  //广东11X5 彩种走势图、多选框和底部表格
import zstbBottomTableFC from "../fc/zstbBottomTableFC"   //福彩3D 彩种走势图、多选框和底部表格
import zstbBottomTableBJ from "../bj10/zstbBottomTableBJ"  //北京PK10 彩种走势图、多选框和底部表格
import zstbBottomTablePC from "../jndpc/zstbBottomTablePC"  //PC蛋蛋、加拿大28 
import zstbBottomTableJS from "../jsk3/zstbBottomTableJS"  //江苏快3

export default {
  components: {
    TypeMessage,
    TypeMessageBj,
    zstbBottomTable,
    zstbBottomTableGD,
    zstbBottomTableFC,
    zstbBottomTableBJ,
    zstbBottomTablePC,
    zstbBottomTableJS
  },
  data() {
    return {
      zstbLotteryType: "" //彩种类型
    };
  },
  computed: {
    changeLotteryTypeVar() {
      return this.$store.state.lotteryType;
    }
  }
};
</script>

<style lang="less">
@import url(../../assets/css/chartspage.less);
</style>